html, body { height: 99%;
	}
	body {
  	background-image: url('./images/bg.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	}
	.center-image {
	position: relative;
	top: 12%;
	left: 50%;
	transform: translate(-50%);
	}
	.center-image-size {
	width: 256px;
	height: 256px;
	}
	.round-image {
  	border-radius: 50%;
	}
	.first {
		text-align: center;
		margin-top: 180px;
	}
	h1 {
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
	}
	.second {
		text-align: center;
		margin-top: 475px;
	}
	h2 {
		color: white;
		font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
		font-size: 30px;
	}
	body > footer {
  	position: sticky;
  	top: 100vh;
	}
	.footer-text {
	color: white;
	text-align: left;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	}
	@media (max-width: 380px) {
	.footer-text {
		position: sticky;
		width: 100%;
		height: 2%;
		right: 0;
		bottom: 0;
		left: 1vw;
		font-size: 10px;
	}
	.center-image {
		top: 10%;
	}
	.round-image {
		width: 80px;
		height: 80px;
	}
	.first {
		margin-top: 130px;
	}
	h1 {
		font-size: 12px;
	}
	.second {
		margin-top: 250px;
	}
	h2 {
		font-size: 12px;
	}
	}
	@media (max-width: 450px) {
	.footer-text {
		position: sticky;
		width: 100%;
		height: 2%;
		right: 0;
		bottom: 0;
		left: 1vw;
		font-size: 11px;
	}
	.center-image {
		top: 20%;
	}
	.round-image {
		width: 160px;
		height: 160px;
	}
	.first {
		margin-top: 165px;
	}
	h1 {
		font-size: 14px;
	}
	.second {
		margin-top: 320px;
	}
	h2 {
		font-size: 14px;
	}
	}
	@media (max-width: 1200px) {
	.footer-text {
		position: sticky;
		width: 100%;
		height: 2%;
		right: 0;
		bottom: 0;
		left: 1vw;
		font-size: 11px;
	}
	.center-image {
		top: 20%;
	}
	.round-image {
		width: 140px;
		height: 140px;
	}
	.first {
		margin-top: 165px;
	}
	h1 {
		font-size: 14px;
	}
	.second {
		margin-top: 320px;
	}
	h2 {
		font-size: 14px;
	}
	}